<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
	<head>
		<title>Wap 电商平台</title>
		<meta charset="UTF-8">
		<script th:replace="common/head::static"></script>
	</head>
</html>
<body>
	<div id="app" class="order-container" >
		<nut-navbar back-show="false" :more-show="false" class="demo-nav" title="订单列表">
			<template slot="back-icon">
				<span>&nbsp;</span>
			</template>
		</nut-navbar>
		
		<nut-tab @tab-switch="tabSwitchByOrder" style="">
		    <nut-tab-panel tab-title="全部订单">
	    		<column class="order-warp" padding="5px 10px">
		    		<div class="order-title">店铺名称:东家得猫粮铺子  <span>已完成</span></div>
		    		<row class="order-goods-warp" style="width:100%;">
		    			<nut-avatar style="height:80px;width:80px; " bg-image="https://nutui.jd.com/3x/img/cell-avatar.jpeg"  bg-icon></nut-avatar>
		    			<span class="order-goods-name">猫粮、猫砂、猫零食3合一版本，欢迎品购！</span>
		    			<span class="order-goods-price">￥33</span>
		    		</row>
		    		<div class="order-ctrl">
		    			<nut-button type="red" shape="circle" small>再来一单</nut-button>
		    		</div>
	    		</column>
		    </nut-tab-panel>
		    <nut-tab-panel tab-title="未付款">暂无该类订单</nut-tab-panel>
		    <nut-tab-panel tab-title="待收货">暂无该类订单</nut-tab-panel>
		    <nut-tab-panel tab-title="待评价">暂无该类订单</nut-tab-panel>
		</nut-tab>
		
		
		<nut-tabbar @tab-switch="tabSwitch1" :tabbar-list="tabList" :bottom="true"> </nut-tabbar>
	</div>
	<script src="./js/menu.js" type="text/javascript"></script>
	<script type="text/javascript">
		tabList = menuList;
		tabList[2].curr = true;
		new Vue({
			el: '#app',
            data() {
				return {
			      	tabList: tabList
				}
			},
			created: function(){
				
			},
			methods: {
				tabSwitch1: function(value, index) {
					var path = "";
					switch(index) {
						case 0:
							path = "/index"
							break;
						case 1:
							path = "/goods"
							break;
						case 2:
							path = "/order"
							break;
						case 3:
							path = "/my"
							break;
					}
					location.href = path;
				},
				tabSwitchByOrder: function(value, index) {
					
					
				}
			}
		});
	</script>
</body>